<template>
  <div id="main">
    <Login></Login>
    <img src="../assets/LoginBack.png" width="100%" />
  </div>
</template>
<script>
import Login from "@/components/Login.vue";
export default {
  name: "login",
  components: {
    Login,
  },
};
</script>
<style scoped>
.nav {
  display: none;
}
@media screen and (min-width: 980px) {
  #main {
    background-color: #b8e5f8;
    width: 100%;
    margin-top: 56px;
    position: fixed;
    top: -54px;
    min-width: 1200px;
  }
}

@media screen and (max-width: 980px) {
  #main {
    background-color: #f5f5f5;
    width: 100%;
    margin-top: 56px;
    position: fixed;
    top: -54px;
    width: 100%;
  }
  img {
    display: none;
    width: 100%;
  }
}
</style>